export default {
  name: 'lyWinMove',
  html: `
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  }
.main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
    overflow: hidden;
}
  .lyWinMove {
    width:100px;
    height:100px;
    background: #eee;
    border:1px solid #ccc;
    font-size: 12px;
    color: #333;
    left:20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
    .lyWinMoveTwo{
    width:100px;
    mrargin-right: 20px;
    color: #333;
    left:130px;
    height:100px;
    background: #eee;
    border:1px solid #ccc;
    font-size: 12px;
    text-align: center;
  }
    .head{
      width: 100%;
      height: 20px;
      background: #ccc;
      margin-bottom: 10px;
      }
    canvas{
      width: 100%;
      border: 1px solid #eee;
      padding:1px;
      position: revert !important;
  }
</style>
<body>
<div class="main">
  <div class="lyWinMove">
  整体可拖动
  </div>
   <div class="lyWinMoveTwo">
    <div class = "head"> </div>
    头部可拖动
  </div>

</div>
  <script type="module">
  let lastyear=window.parent.lastyear;
 const { LyWinMove  } = lastyear;

 const options = {
  MoveId: document.querySelector(".lyWinMove"),//容器
  DownId: document.querySelector(".lyWinMove"),//拖拽元素
 Document: document,//如果是嵌套在iframe中，需要传入iframe的document,否则忽略不传
}
const lyWinMove = new LyWinMove(options)
//需要确认容器是否挂载完毕,没有传el容器时,默认挂载到body
  lyWinMove.create()


   const options1 = {
  MoveId: document.querySelector(".lyWinMoveTwo"),//容器
  DownId: document.querySelector(".head"),//拖拽元素
 Document: document,//如果是嵌套在iframe中，需要传入iframe的document,否则忽略不传
}
const lyWinMoveTwo = new LyWinMove(options1)
//需要确认容器是否挂载完毕,没有传el容器时,默认挂载到body
  lyWinMoveTwo.create()
  </script>
</body>

</html>
`
}